import React, { useState } from 'react'
import { Button, Modal } from 'antd';
import Instantly from '../Instantly/index'
import './index.css'
//第二块模版
const Index: React.FC = () => {
    const [isModalOpen, setIsModalOpen] = useState(false);

    const showModal = () => {
        setIsModalOpen(true);
    };

    const handleOk = () => {
        setIsModalOpen(false);
    };

    const handleCancel = () => {
        setIsModalOpen(false);
    };
    return (
        <div className='d-box'>
            <h2>从创作到应用<br />打造视觉内容新体验</h2>
            <>
                <Button type="primary" onClick={showModal}>
                    获取演示
                </Button>
                <Modal footer={null} open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
                    <Instantly></Instantly>
                </Modal>
            </>
            <div className='s-sp'>
                <video autoPlay muted loop className='k-vie' src="https://cdn.dancf.com/fe-assets/20231208/f5dc8aa920f2dfde27a2c6b9d1a09651.mp4"></video>
            </div>
        </div>
    )
}

export default Index